.timeArea { position: fixed; top: 0px; left: 0px; width: 100%; 
						font-weight: bold; background: #add9e4; font-family: 'Cousine', monospace;
						text-align: center; padding: 0.2em; font-size: 0.75em; }
.timeArea span { margin-right: 1em; }
.antennaArea { position: fixed; bottom: 0px; left: 0px; width: 100%; font-size: 0.9em; }
.statusArea { margin-top: 1.2em; margin-left: 1em; margin-right: 1em;
							margin-bottom: 1em;
							-webkit-border-radius: 10px; font-family: 'Abel', sans-serif;
							-moz-border-radius: 10px;
							border-radius: 10px; border: 3px solid blue; }
.infoArea { float: left; width: 48%; margin-left: 1%;
							-webkit-border-radius: 10px; font-family: 'Abel', sans-serif;
							-moz-border-radius: 10px;
							border-radius: 10px; border: 3px solid black; }
.errorArea { float: right; width: 48%; margin-right: 1%;
							-webkit-border-radius: 10px; font-family: 'Abel', sans-serif;
							-moz-border-radius: 10px;
							border-radius: 10px; border: 3px solid red; }


.atcaAntennaPoint { font-family: 'Cousine', monospace; font-size: 0.8em; 
										margin-right: 0.5em; }
.atcaAntenna { text-align: right; width: 13%; border: 1px solid black; float: right; 
						   padding: 0.2em; border-bottom: 0px;
							 -webkit-border-top-left-radius: 20px;
							 -webkit-border-top-right-radius: 20px;
							 -moz-border-radius-topleft: 20px;
							 -moz-border-radius-topright: 20px;
							 border-top-left-radius: 20px;
							 border-top-right-radius: 20px;
							 -webkit-box-shadow: 2px -4px 1px 1px rgba(0,0,0,0.3);
							 -moz-box-shadow: 2px -4px 1px 1px rgba(0,0,0,0.3);
							 box-shadow: 2px -4px 1px 1px rgba(0,0,0,0.3);
							 background: #f7fbfc; /* Old browsers */
							 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
							 background: url();
							 background: -moz-linear-gradient(top,  #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); /* FF3.6+ */
							 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fbfc), color-stop(40%,#d9edf2), color-stop(100%,#add9e4)); /* Chrome,Safari4+ */
							 background: -webkit-linear-gradient(top,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Chrome10+,Safari5.1+ */
							 background: -o-linear-gradient(top,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Opera 11.10+ */
							 background: -ms-linear-gradient(top,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* IE10+ */
							 background: linear-gradient(top,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* W3C */
							 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 ); /* IE6-8 */ }

.antennaTitle { text-align: center; font-weight: bold; width: 100%; 
								font-family: 'Cousine', monospace; }
.atcaAntennaTitle { font-weight: bold; font-family: 'Quattrocento Sans', sans-serif; 
										font-size: 0.8em; margin-right: 0.5em; }
.atcaAntennaError { text-align: center; width: 100%; background: yellow; color: red; }
.hidden { display: none; }
.titleca01 { color: red; }
.titleca02 { color: blue; }
.titleca03 { color: green; }
.titleca04 { color: pink; }
.titleca05 { color: orange; }
.titleca06 { color: lightgreen; }

.atcaAntennaTable { width: 100%; border-collapse: collapse;
										font-family: 'Cousine', monospace; font-size: 0.8em;
										text-align: right; }
.atcaAntennaTable th { font-weight: bold; text-align: right; 
											 border-right: 2px solid black; padding-right: 0.5em; }
.atcaAntennaTable td { width: 13%; border-left: 1px solid black; 
											 border-bottom: 1px dotted black; padding-right: 0.5em; }

.cellOffline { background: lightgray; }

.statusItemSpan { display: inline; margin: 0.3em; float: left; }
.observingStatusTable { border: 1px solid blue; font-size: 0.8em; }
.observingStatusTable th { background: blue; color: white; font-weight: bold; 
													 padding: 0.2em; }
.observingStatusTable td { padding: 0.2em; }
.statusItemClear { clear: both; }
.correlatorStatusTable { border: 1px solid orange; font-size: 0.8em; }
.correlatorStatusTable th { background: orange; color: white; font-weight: bold; 
													 padding: 0.2em; }
.correlatorStatusTable td { padding: 0.2em; }
.weatherStatusTable { border: 1px solid green; font-size: 0.8em; }
.weatherStatusTable th { background: green; color: white; font-weight: bold; 
													 padding: 0.2em; }
.weatherStatusTable td { padding: 0.2em; }

.infoAssistanceMessage { width: 100%; border-top: 1px dotted black; 
												 border-bottom: 1px dotted black; line-height: 1.5em; }
.infoAssistanceMessageSpan { margin-left: 1em; margin-right: 1em; }
.infoAssistanceTitle { width: 100%; background: black; color: white; }
.infoAssistanceTitleSpan { margin-left: 1em; margin-right: 1em;
													 font-weight: bold; }
.infoAssistanceIgnoreSpan { margin-left: 1em; margin-right: 1em;
														font-style: italic; }
.infoAssistanceIgnore { width: 12%; float: left; clear: left; font-size: 0.7em; 
												vertical-align: middle; }
.infoAssistanceIgnore button { width: 95%; margin-left: 5%; font-style: italic;
															 text-align: center; border: 1px solid orangered; 
															 background-color: red; color: white;
															 font-weight: bold; border-radius: 8px; }

.errorAssistanceMessage { width: 100%; border-top: 1px dotted black; 
													border-bottom: 1px dotted black; }
.errorAssistanceMessageSpan { margin-left: 1em; margin-right: 1em; }
.errorAssistanceTitle { width: 100%; background: red; color: white; }
.errorAssistanceTitleSpan { margin-left: 1em; margin-right: 1em;
														font-weight: bold; }
.errorAssistanceIgnoreSpan { margin-left: 1em; margin-right: 1em;
														 font-style: italic; }
